<ion-header>

  <ion-navbar>
    <ion-title>商品详情</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div>
    <div class="detailImg">
      <!--<img src="{{product != null ? product.image : combo.img}}">-->

      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">Slide 1</div>
          <div class="swiper-slide">Slide 2</div>
          <div class="swiper-slide">Slide 3</div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>

    </div>
    <div class="detailDesc">
      <div class="detailBox">
        <span class="detailTag">新品</span>
        <p class="detailName">{{product != null ? product.name : combo.name}}</p>
        <p class="detailSubject">{{product!=null ? product.subject : combo.subject}}</p>
      </div>
      <div class="priceBox">
        <span class="detailPrice">
          ￥{{product!=null ? product.price : combo.appPrice}}
        </span>
        <div class="reduceAndAdd">
          <img src="../../assets/images/delete_green.png">
          <span>{{maxInventory}}</span>
          <img src="../../assets/images/add_green.png">
        </div>
      </div>
    </div>

    <div class="detailOperate">
      <div class="cartIcon">
        <div>
          <img src="../../assets/images/cart.png">
        </div>
        <span>
          购物车
        </span>
      </div>
      <div class="addToCart">
        加入购物车
      </div>
      <div class="asynPay" (click)="confirm()">
        立即购买
      </div>
    </div>
  </div>
</ion-content>
